<script>
	// Columnas de la tabla movimientoStock
	var cols = new Array("id", "fecha", "remito", "cantidad", "productoDTO.id", "entregaDTO.id", "ventaDTO.id");

	// document ready
	$(document).ready( function() {
		
		// event binding
		$('#refreshListButton').bind('click', reloadList);
		$('#agregarButton').bind('click', showModal);
		$('#editButton').bind('click', getMovimientoStock);
		$('#button-save-movimientoStock').bind('click', saveMovimientoStock);
		$('#deleteButton').bind('click', deleteMovimientoStock);
		$('#searchButton').bind('click', searchMovimientoStock);
		
		// Today date
		var nowTemp = new Date();
		var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
		
		$('#fechaInicio-calendar').bind('click', function() {
			$('#fechaInicioDP').datepicker();
			$('#fechaInicioDP').datepicker('setValue', now);
			$('#fechaInicioDP').datepicker('show');
		});

		$('#fechaFin-calendar').bind('click', function() {
			$('#fechaFinDP').datepicker();
			$('#fechaFinDP').datepicker('setValue', now);
			$('#fechaFinDP').datepicker('show');
		});

		
		reloadList();
	});
	
	// Ventana modal para agregar / editar producots
	$("#agregarMovimientoStock").modal();
	
	/**
	 * Abre la ventana modal de movimientoStock
	 */
	function showModal() {

		$("#agregarMovimientoStock").modal();

		$(':input', '#movimientoStockForm').not(':button, :submit, :reset')
		  							.val('')
		  							.removeAttr('checked')
		  							.removeAttr('selected');
	}
	
	/**
	 * Busca movimientoStocks
	 */
	function searchMovimientoStock() {
		
		$.fn.getList('movimientosStock_buscar', 'listaMovimientoStocks', 'movimientoStockSearchForm', cols);
	}
	 
	 
	/**
	 * Guarda un movimientoStock
	 */
	function saveMovimientoStock() {
		$.fn.send('movimientosStock_agregar', 'movimientoStockForm', 'button-save-movimientoStock', null, reloadList);
	}
	
	/**
	 * Borrar un movimientoStock
	 */
	function deleteMovimientoStock() {
		
		if (confirm("Realmente quieres eliminar este movimientoStock?")) {
			var value = ( $(":checked")[0]).value;
			$.fn.send('movimientosStock_borrar', null , null, 'id='+value , reloadList);
		}
	}
	
	/**
	 * Reload movimientoStock list
	 */
	function reloadList() {
		
		$.fn.getList('movimientosStock_getMovimientoStocks', 'listaMovimientoStocks', null, cols);
	}
	
	/**
	 * Edit movimientoStocks
	 */
	function getMovimientoStock() {
		
		$("#agregarMovimientoStock").modal();
		
		var value = ( $(":checked")[0]).value;
		$.fn.getById('movimientosStock_getMovimientoStock', value);
	}
</script>

<div class="page-header">
	<h1>
		Movimientos de Stock
		<br/>
		<small>Administraci&oacute;n de movimientos de Stocks</small>
	</h1>
</div>

<div>

	<!-- 
		Busqueda
	 -->
	<div class="well span11" style="margin-bottom:10px;padding-bottom:0px;">
		<form id="movimientoStockSearchForm" class="form-inline" style="margin-bottom:0px;padding-bottom:0px;">
			<div class="control-group">
				<div class="span1" style="width:80px">
					<label for="fecha">Fecha inicio:</label>
				</div>
				<div class="span3">
					<div class="input-append date" id="fechaInicioDP" data-date="01/01/1970" data-date-format="dd/mm/yyyy">
	 					<input class="span2" size="16" type="text" value="01/01/1970" id="fechaInicio" name="fechaInicio">
					    <span class="add-on" id="fechaInicio-calendar"><i class="icon-calendar"></i></span>
	  				</div> 
				</div>
				<div class="span1" style="width:80px">
					<label for="fecha">Fecha fin:</label>
				</div>
				<div class="span3">
					<div class="input-append date" id="fechaFinDP" data-date="01/01/1970" data-date-format="dd/mm/yyyy">
	 					<input class="span2" size="16" type="text" value="01/01/1970" id="fechaFin" name="fechaFin">
					    <span class="add-on" id="fechaFin-calendar"><i class="icon-calendar"></i></span>
	  				</div>
  				</div>
				
				<a class="btn" id="searchButton"><i class="icon-search"></i></a>
			</div>
		</form>
	</div>
	
	
	<!-- 
		Opciones
	  -->
	<div class="option-container">
		<a class="btn" id="refreshListButton"><i class="icon-refresh"></i></a>
		<!--a class="btn" id="agregarButton"><i class="icon-plus"></i></a-->
		<!--a class="btn" id="editButton"><i class="icon-edit"></i></a-->
		<a class="btn" id="deleteButton"><i class="icon-trash"></i></a>
	</div>
	
	
	
	<!-- 
		Listado de movimientoStocks 
	-->
	<form id="movimientoStockListForm">
	<table class="table table-hover span12" style="margin:0">
		<thead>
			<tr>
				<th></th>
				<th>Fecha</th>
				<th>Remito</th>
				<th>Cantidad</th>
				<th>Producto</th>
				<th>Entrega</th>
				<th>Venta</th>
			</tr>
		</thead>
		<tbody id="listaMovimientoStocks">
		</tbody>		
	</table>
	</form>
     
    <!--
    	 Agregar movimientoStock 
      -->
    <div id="agregarMovimientoStock" class="modal hide agregarModalForm" tabindex="-1" role="dialog" aria-labelledby="agregarMovimientoStockLabel" aria-hidden="true">
    	<div class="modal-header">
    		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    		<h3 id="myModalLabel">Agregar movimiento de stock</h3>
   		</div>
   		
   		<div class="modal-body">
			<div class="mensajes-container">
			    <div class="mensajes alert" style="display:none">
		    	</div>
			</div> 		
		   	<form id="movimientoStockForm" class="form-horizontal">
				<div>
					<input type="hidden" id="id" name="movimientoStockDTO.id" />
					<input type="hidden" id="idStock" name="movimientoStockDTO.idStock" /> 
				
					<label class="control-label" for="codigo">C&oacute;digo</label>
					<div class="controls">
						<input type="text" id="codigo" name="movimientoStockDTO.codigo" class="input-large">
					</div>
					
					<label class="control-label" for="tipo">Tipo</label>
					<div class="controls">
						<select id="tipo" name="movimientoStockDTO.tipo">
							<option value="1">Tipo 1</option>
							<option value="2">Tipo 2</option>
							<option value="3">Tipo 3</option>
							<option value="4">Tipo 4</option>
							<option value="5">Tipo 5</option>
						</select>
					</div>

					<label class="control-label" for="marca">Marca</label>
					<div class="controls">
						<input type="text" id="marca" name="movimientoStockDTO.marca" class="input-large">
					</div>

					<label class="control-label" for="modelo">Modelo</label>
					<div class="controls">
						<input type="text" id="modelo" name="movimientoStockDTO.modelo" class="input-large">
					</div>
					
					<label class="control-label" for="medida">Medida</label>
					<div class="controls">
						<input type="text" id="medida" name="movimientoStockDTO.medida" class="input-large">
					</div>
					
					<label class="control-label" for="descripcion">Descripcion</label>
					<div class="controls">
						<input type="text" id="descripcion" name="movimientoStockDTO.descripcion" class="input-large">
					</div>	
					
					<label class="control-label" for="proveedor">Proveedor</label>
					<div class="controls">
						<input type="text" id="proveedor" name="movimientoStockDTO.proveedor" class="input-large">
					</div>	
					
					<label class="control-label" for="precioB2B">Precio f&aacute;brica</label>
					<div class="controls">
						<div class="input-prepend">
							<span class="add-on">$</span>
							<input class="span2" id="precioB2B"  name="movimientoStockDTO.precioB2B" type="text">
						</div>
					</div>
					
					<label class="control-label" for="precioLista">Precio lista</label>
					<div class="controls">
						<div class="input-prepend">
							<span class="add-on">$</span>
							<input class="span2" id="precioLista"  name="movimientoStockDTO.precioLista" type="text">
						</div>
					</div>
					
					<label class="control-label" for="precioOferta">Precio oferta</label>
					<div class="controls">
						<div class="input-prepend">
							<span class="add-on">$</span>
							<input class="span2" id="precioOferta"  name="movimientoStockDTO.precioOferta" type="text">
						</div>
					</div>
					
					<label class="control-label" for="cantidad">Cantidad</label>
					<div class="controls">
						<div class="input-prepend">
							<input class="span2" id="cantidad"  name="movimientoStockDTO.cantidad" type="text">
						</div>
					</div>	
					
					<label class="control-label" for="almacen">Almacen</label>
					<div class="controls">
						<div class="input-prepend">
							<select  id="almacen"  name="movimientoStockDTO.almacen" >
								<option value="1">Almacen 1</option>
								<option value="2">Almacen 2</option>
								<option value="3">Almacen 3</option>
							</select>
						</div>
					</div>	
				</div>
		    </form>
   		</div>
   		
   		<div class="modal-footer">
    		<button class="btn btn-primary" id="button-save-movimientoStock" data-loading-text="Enviando..." >Guardar</button>
    		<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
    	</div>
    </div>
    
    
    
    
</div>